﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>premium design template by www.865171.cn</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript">
// <![CDATA[
    $(document).ready(function () {
        $("#slider").easySlider({
            controlsBefore: '<p id="controls">',
            controlsAfter: '</p>',
            auto: true,
            continuous: true
        });
    });
// ]]>
</script>
<script type="text/javascript">
    //显示的方法，说明：前缀的div1、div2、body等，均为Id值
    function show() {
        var divbox1 = document.getElementById('div1');
        var divbox2 = document.getElementById('div2');
        divbox1.style.display = "block";
        divbox1.style.width = document.body.clientWidth; //设置层1宽度等于body宽度，width=100%也可以，不过有一些误差，所以最好用这个
        divbox1.style.height = document.body.clientHeight * 2 + 210;  //设置层1高度满屏
        divbox2.style.display = "block"; //设置层2的显示
        divbox2.style.top = document.body.clientHeight / 2 - divbox2.style.height / 2; //设置层2的距顶位置居中算法
        divbox2.style.left = document.body.clientWidth / 2 - 150;  //设置层2的距左位置居中算法
    }
    function closeShow() {
        div1.style.display = "none";
        div2.style.display = "none";
    }
   </script>
<style type="text/css">
.gallery { float:left; width:505px; height:279px; margin:12px 0 0 2px; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:505px; height:279px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:20px; height:42px; position:absolute; left:-20px; top:-125px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:20px; height:42px; position:absolute; left: 505px; top:-125px; }
#prevBtn a { display:block; width:20px; height:42px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:20px; height:42px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Literal ID="lit" runat="server"></asp:Literal>
  <div id="div1"></div><!--这是要覆盖网页的层，不必写任何东西-->
    <div id="div2"><!--这是弹出的模式窗口层-->     
      <div id="div3" style="width:100%;height:20px; background-color:#585858" align="right"><!--嵌套在层中的层，用来做标题栏，按个人需求定义-->
        <label onclick="closeShow()" style="font-weight:bolder;cursor:hand">
         关闭<!--用来关闭显示，在label中加了onclick事件，与鼠标悬停手的样式-->
         </label>
       </div>
      <div style="margin:0 auto;">
        <table border="0" align="center" style="width: 281px">
           <tr><td class="style1" align="center">
                 <br />
                 用户名：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>*
                <br /><br />                 
                 密码 ： <asp:TextBox ID="TextBox2" 
                     runat="server" TextMode="Password"></asp:TextBox>
                *<br /><br />                
                &nbsp;<asp:Button ID="tijiao" runat="server" Text="提交" Width="52px" ValidationGroup="2" onclick="tijiao_Click"/>                                      
           </td></tr>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="TextBox1" runat="server" ErrorMessage="请输入用户名" ValidationGroup="2"></asp:RequiredFieldValidator>                
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="TextBox2" runat="server" ErrorMessage="请输入密码" ValidationGroup="2"></asp:RequiredFieldValidator>                                              
       </table>
    </div>
 </div>
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="search">
          <label> <span>
            <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="站内搜索..." />
            </span>
            <input name="b" type="image" src="images/search.gif" class="button" />
          </label>
      </div>
        <asp:Panel ID="Panel1" runat="server">    
          <div class="header_text"><a href="logn.aspx"> 注册</a> | <a href="javascript:" onclick="show()"> 登录</a>             
          </div>
        </asp:Panel>
        <asp:Panel ID="Panel2" runat="server">        
          <div class="header_text"><a href="usermess.aspx">
              <asp:Label ID="loginname" runat="server" Text=""></asp:Label></a> | 
              <asp:Button ID="Button1" runat="server" Text="注销" BorderStyle="None"                           
                  style="cursor:hand;cursor:hand;color:#606060;font: normal 10px Tahoma, Geneva, sans-serif;" Height="15px" 
                  Width="25px" onclick="Button1_Click" BackColor="#282828" />                 
          </div>
        </asp:Panel>
      <div class="clr"></div>
      <div class="logo"><a href="index.aspx"><img src="images/logo3.png" width="297" height="81" border="0" alt="logo" /></a></div>
      <div class="menu">
       <ul>
          <li><a href="index.aspx" class="active"><span>首页</span></a></li>
          <li><a href="about.aspx" ><span>关于我们</span></a></li>
          <li><a href="news.aspx" ><span>新闻动态</span></a></li>
          <li><a href="success.aspx" ><span>成功案例</span></a></li>
          <li><a href="members.aspx"><span>成员风采</span></a></li>
          <li><a href="Resource_sharing.aspx"><span>资源共享</span></a></li>
          <li><a href="contact.aspx"><span>联系我们</span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="clr"> </div>
  <div class="header_text_java_bg">
    <div class="header_text_java">
      <div class="div">
        <div class="left1"> <img src="images/slider_img_1.jpg" alt="picture" width="77" height="77" />
          <h2>Web 设计开发</h2>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <img src="images/slider_img_2.jpg" alt="picture" width="77" height="77" />
          <h2>团队理念</h2>
          <p>&nbsp;</p>
        </div>
        <div class="gallery">
          <div id="slider">
            <ul>
              <li><img src="images/simple-text_img_1.png" alt="screen 1" width="505" height="279" border="0"  /></li>
              <li><img src="images/simple-text_img_1.png" alt="screen 1" width="505" height="279" border="0"  /></li>
              <li><img src="images/simple-text_img_1.png" alt="screen 1" width="505" height="279" border="0"  /></li>
            </ul>
          </div>
        </div>
        <div class="clr"></div>
      </div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="twitter_blog">
    <div class="twitter">
      <h2>&nbsp;</h2>
      <div class="bird">
        <img src="images/twitter.gif" alt="picture" width="75" height="80" />
        <p>访问我们的论坛 <br />
          <a href="">www.baidu.com</a></p>
      </div>
    </div>
  </div>
  <div class="clr"></div>
  <div class="body">
    <div class="body_resize">
      <div class="right">
        <h2>&nbsp;</h2>
        <img src="images/img_1.png" alt="picture" width="164" height="164" />
        <p class="grey">&nbsp;</p>
        <p class="grey">&nbsp;</p>
        <p class="grey">&nbsp;</p>
        <p class="grey">&nbsp;</p>
        <p class="grey">&nbsp;</p>
<p><a href=""><img src="images/more_news.png" alt="picture" width="66" height="23" border="0" /></a></p>
        <p class="grey">&nbsp;</p>
      </div>
      <div class="left">
        <h2>新闻动态</h2>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p><a href=""><img src="images/more_news.png" alt="picture" width="66" height="23" border="0" /></a></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="FBG">
    <div class="FBG_resize">
      <div class="blooga">
        <h2>为什么要选择我们呢?</h2>
        <img src="images/img_2.jpg" alt="picture" width="61" height="61" />
        <a href="LeaveWord.aspx">给我们留言</a>>
<div class="bg"></div>
        <img src="images/img_3.jpg" alt="picture" width="61" height="61" />
<div class="bg"></div>
      <img src="images/img_4.jpg" alt="picture" width="61" height="61" /> </div>
      <div class="blooga">
        <h2>技术咨询</h2>
        <div class="clients">
          <p style="padding:15px 0 0 15px;">&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </div>
        <div class="clients">
          <p style="padding:15px 0 0 15px;">&nbsp;</p>
</div>
      </div>
      <div class="blooga">
        <h2>资源共享</h2>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
      </div>
    </div>
    <div class="clr"></div>
  </div>
</div>
<div class="footer">
<div  class="footer_friend">
<div class="clr"> 
    <asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>
        <a href="<%#DataBinder.Eval(Container.DataItem,"url") %>" target="_blank"><%#DataBinder.Eval(Container.DataItem,"name") %></a>
    </ItemTemplate>
    </asp:Repeater>
</div>
  <div class="footer_resize">
<p class="leftt">&nbsp; </p>
<p class="leftt">Copyright © xqhzsys.com. All Rights Reserved</p>
    <p class="rightt"><a href=""></a></p>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
</div>
</form>
</body>
</html>
